<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="https://jscdn.com.cn/highcharts/images/favicon.ico">
    <script src="https://cdn.highcharts.com.cn/highcharts/highcharts.js"></script>
    <script src="https://cdn.highcharts.com.cn/highcharts/highcharts-more.js"></script>
    <script src="https://cdn.highcharts.com.cn/highcharts/modules/exporting.js"></script>
    <script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
    <script src="https://cdn.highcharts.com.cn/highcharts/themes/sand-signika.js"></script>

    <title>Document</title>

</head>

<body>

    <div id="v1" style="min-width: 400px; max-width: 600px; height: 400px; margin: 0 auto"></div>


    <script>
        var chart = Highcharts.chart('v1', {
            chart: {
                polar: true,
                type: 'line'
            },
            title: {
                text: zj,
                x: -80
            },
            pane: {
                size: '80%'
            },
            xAxis: {
                categories: ['实践经验', '理论分析', '直观感受', '熟悉程度'],
                tickmarkPlacement: 'on',
                lineWidth: 0
            },
            yAxis: {
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                min: 0
            },
            tooltip: {
                shared: true,
                pointFormat: '<span style="color:{series.color}">{series.name}: <b>${point.y:,.0f}</b><br/>'
            },
            legend: {
                align: 'right',
                verticalAlign: 'top',
                y: 70,
                layout: 'vertical'
            },
            series: [{
                name: '问卷二',
                data: [43000, 19000, 60000, 35000],
                pointPlacement: 'on'
            }, {
                name: '问卷三',
                data: [50000, 39000, 42000, 31000],
                pointPlacement: 'on'
            }, {
                name: '问卷四',
                data: [20000, 30000, 32000, 41000],
                pointPlacement: 'on'
            }]
        });
    </script>

</body>

</html>